import { useNavigate } from 'react-router-dom'

export default function Home() {
  const navigate = useNavigate()

  return (
    <div>
      <div>Home</div>
      <button onClick={() => navigate('/about')}>to About useNavigate</button>
      <button onClick={() => navigate('/about', {replace: true})}>to About replace true</button>
      <button onClick={() => navigate('/about?id=1001')}>to About with searchParams</button>
      <button onClick={() => navigate('/about/1001')}>to About with params</button>
    </div>
  )
}
